<template>
    <card-home title="待办提醒" :body-height="bodyHeight" icon="/images/home/ca.png">
        <template #header-append>
            <section-remind-btns reference="remindPanel"></section-remind-btns>
        </template>

        <section-remind-panel 
            ref="remindPanel"
            class="panel"
        ></section-remind-panel>
    </card-home>
</template>

<script>
import SectionRemindPanel from '@/pages/application/remind/components/panel.vue';
import SectionRemindBtns from '@/pages/application/remind/components/btns.vue';

import CardHome from '../../components/card-home.vue';

export default {
    components: {
        SectionRemindPanel,
        SectionRemindBtns,
        CardHome,
    },
    props: {
        bodyHeight: {
            type: Number,
            default: 0,
        },
    },
}
</script>

<style lang="scss" scoped>
    .panel{
        height: 100%;
    }
</style>